.header{height:177px;background:url(images/t_bg.jpg) repeat-x;position: relative;  z-index: 5;}
                .content,.footer{ width: 1200px; margin: 0 auto;}i,em{ font-style: normal;}
                .h_con{height:114px; overflow: hidden;}
                .h_con .logo{float: left;margin:22px 31px 0 0;}
                .h_con h3{float:left; padding-top:45px; line-height: 100%; color: #333333; font-size:22px; width: 550px;font-weight: normal;}
                .h_con h3 em{font-weight: bold;}
                .h_con p{float: right;margin-top:30px;background:url(images/t_tel.jpg) no-repeat left 0; padding-left:63px; color: #333333; font-size:14px; line-height: 100%; height: 55px; padding-top: 3px;}
                .h_con p span{ font-size: 24px; display:block; line-height: 100%; font-family:Impact; padding-top: 8px; color: #333333; }
                .h_nav{height:63px;float: left; }
                .h_nav ul li{float: left;font-size: 16px;position: relative; box-sizing: border-box;background:url(images/nav.jpg) no-repeat right 24px;}
                .h_nav ul li:last-of-type{ background: none;}
                .h_nav ul li a{color: #fff;display: block; font-size:16px; position: relative;z-index: 5;  line-height: 63px;  text-align: center; padding: 0 30px; box-sizing: border-box;}
                                .h_nav ul li em{ display:none;position: absolute; left: 0; top:99%; width:100%;z-index: 55!important; background: #028340;  border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;text-align:left;padding-left:7px;box-sizing: border-box;}
                                .h_nav ul li:nth-of-type(4) em{ width:155%;}
                                .h_nav ul li:nth-of-type(4) em,.h_nav ul li:nth-of-type(3) em,.h_nav ul li:nth-of-type(7) em,.h_nav ul li:nth-of-type(8) em{padding-top: 9px;padding-bottom: 9px;}

                .h_nav ul li:hover em{ display: block;}
                .h_nav ul li.cur em a, .h_nav ul li:hover em a{background: none;font-weight: normal;}
                           .h_nav ul li em a:first-child{ padding-top: 3px;}
               
                .h_nav ul li.cur em a,  .h_nav ul li em a{ display: block; font-size: 16px; color: #fff; line-height:42px; border-radius: 6px; margin: 0 5px; text-align: left; padding: 0;}
                .h_nav ul li.cur em a:hover ,  .h_nav ul li:hover em a:hover{ text-decoration: underline;}
                .h_nav li.cur a,.h_nav li a:hover{ color: #fff;}
                .h_nav li:before,.h_nav li:before{ content:""; position:absolute;height:0;width:100%;left:0;bottom:0;transition-duration: 220ms;background:url(images/cur.jpg) repeat-x ;}
                .h_nav li:hover:before,.h_nav li.cur:before{height:63px;}
            

            .f_bj{color:#828384;clear:both;font-family:"Microsoft Yahei";height:472px;font-size: 16px;overflow: hidden; background:  url("images/f_bg.jpg") repeat-x; padding-top: 78px; box-sizing: border-box;}
            .f_bj a{color:#828384;}
            .footer{ margin: 0 auto;width: 1200px;}
.f_on1{ width: 360px;}
            .f_on1 h3{ padding-left: 68px; line-height: 56px;background: url(images/f_ico1.jpg) no-repeat;font-weight: normal; font-size: 24px; color: #fff;height: 80px;}
            .f_on1 ul{ padding-left: 68px;}
            .f_on1 ul li{ float: left; width:177px; line-height: 100%; margin-bottom: 16px;}
            .f_on1 ul li:nth-of-type(2n){ width: 110px;}
            .f_on1 ul li a:hover{ color: #fff; opacity: 0.85;}
.f_on2{ width: 381px; padding-left: 28px; height: 230px; border-left: 1px solid #25282a; border-right: 1px solid #25282a; margin-bottom: 83px;}
            .f_on2 h3{ padding-left: 68px; line-height: 56px;background: url(images/f_ico2.jpg) no-repeat;font-weight: normal; font-size: 24px; color: #fff;height: 80px;}
            .f_on2 ul{padding-left: 68px;}
            .f_on2 ul li{ line-height:18px; margin-bottom: 14px; font-size: 16px;background: url(images/f_ii1.jpg) no-repeat; padding-left: 27px;}
            .f_on2 ul li:nth-of-type(2){background: url(images/f_ii2.jpg) no-repeat;}
            .f_on2 ul li:nth-of-type(3){background: url(images/f_ii3.jpg) no-repeat;}
            .f_on2 ul li:nth-of-type(4){background: url(images/f_ii4.jpg) no-repeat;}
.f_on3{ width: 400px;}
            .f_on3 h3 i{ padding-left: 68px; line-height: 56px;background: url(images/f_ico3.png) no-repeat;font-weight: normal; font-size: 24px; color: #fff;height: 80px; display: block;}
            .f_on3 h3 span{padding-left: 68px; display: block; }
            .f_on3 h3 span a{ line-height:18px; margin-bottom: 14px; font-size: 16px; display: block; font-weight: normal;}
            .f_on3 h3{ width: 235px; float: left;}
            .f_on3 p{ float: right; width: 155px;background: url(images/f_erbg.png) no-repeat;}
            .f_on3 p em{ display: block; padding: 22px 0 0 22px; line-height: 100%;}
            .f_on3 p em img{ width: 110px; height: 110px;}
            .f_on3 p span{ display: block; text-align: center; line-height: 100%; font-size: 14px; padding-top: 13px;}
            .f_bom{ height: 80px; line-height: 80px; text-align: center;}
            .f_bom span{ padding: 0 12px;}
        

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #0054aa;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #0054aa;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }